<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>CodeMirror-demo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <style>
        .CodeMirror{
            border:1px solid black;
            font-size:15px;
            width:600px;
            height:400px;
            margin: 0 auto;
        }
        #title{
            text-align: center;
        }
        #footer p{
            text-align: center;
            margin: 0;
            padding: 0;
        }
        #footer a{
            text-decoration: none;
            color: deepskyblue;
        }
    </style>
</head>
<body>
<h2 id="title">CodeMirror-demo</h2>
<div id="code"></div>
<div id="footer">
    <p>Create by <a href="https://github.com/hsowan">hsowan</a></p>
    <p>Hold on <a href="https://github.com/hsowan/CodeMirror-demo">GitHub</a> & <a href="https://gitee.com/hot_heart/CodeMirror-demo">Gitee</a></p>
</div>
<script src="./dist/index.bundle.js"></script>
</body>
</html>